<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="icon" href="images/icone_site/favicon.jpg">
		<title>Gamekillers - <?php echo $title; ?></title>
		<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
		<link href="css/complement.css" rel="stylesheet">
	</head>
	<body>
		<?php
                include_once("accessoires/header.html");//On inclu le header
                include_once("accessoires/menu.html");//On inclu le menu
        ?>
		<div class="page">
			<?php if ( $existe) { ?>
				<div class="panel-body thumbnail">
					<h3 class="media-heading underline">
						<?php echo $title;//titre de l'article
							
							//Boutons pour supprimer ou modifier un article
							if(isset($_SESSION['id_user'])&& !isset($_GET['supprimer']) && ($statut_menu>2 ||$id_user_article==$id)){ ?>
							<!--Si une session est active ET que la variable supprimer est pas dans l'URL ET (Si l'id de l'utilisateur est le même que celui de l'auteur OU que l'utilisateur est administrateur)-->
								<div class="btn-group btn-group-xs" style="float:right;" role="group" aria-label="...">
									<a type="button" class="btn btn-default" href="edit_article.php?article=<?php echo $id_article;?>"><!--On redirige vers la page de l'édition d'article en envoyant l'id de l'article dans URL pour modifié l'article-->
										<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
									</a>
									<a type="button" class="btn btn-default" href="article.php?article=<?php echo $id_article;?>&supprimer#btnsup"><!--On redirige vers la page de l'article en envoyant l'id de l'article dans la variable supprimer dans l'URL pour confirmer la suppression de l'article-->
										<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
									</a>
								</div>
								
						<?php } ?>
						
						<div class="date_art">Poster le : <em><?php echo $date_art; ?></em></div>
					</h3>
					<div class="article thumbnail col-sm-1 col-sm-height full-article article-auteur">
						<p class="pseudo">Ecrit par <strong><a href="membre.php?membre=<?php echo $id_user_article; ?>"><?php echo $auteur_article; ?></a></strong><br/><span class="statut">(<?php echo $statut_aut; ?>)</span></p>
						<img src="<?php echo $auteur_avatar; ?>" alt="av_aut" class="img-rounded img-responsive" height="100" width="100" />
					</div>
					<div class="article thumbnail col-sm-11 col-sm-height full-article article-text">
						<?php echo $texte ; ?>
							<div class="note">
								<?php if (!isset($note_article)){ ?><!--Affichage de la note totale de l'article-->
									<span><b>Cette article n'a pas encore été noté</b></span>
								<?php }else{ ?>
									<span><b>Note totale : <?php echo $note_article ;?></b></span>
								<?php }
									if(isset ($_SESSION['id_user']) && $id!= $id_user_article && !isset($_GET['supprimer'])){ ?><!--Bouton pour noter un article-->
										<div class="btn-group btn-group-xs bouttons_noter" role="group" aria-label="...">
											<a class="btn <?php if($note_user_article==1){?> btn-primary disabled <?php } ?> btn-success " href="article.php?article=<?php echo $id_article; ?>&note=plus" role="button"><span class="glyphicon glyphicon-thumbs-down pouce_up" aria-hidden="true"></span></a>
											<a class="btn <?php if($note_user_article==-1){?> btn-primary disabled <?php } ?> btn-danger " href="article.php?article=<?php echo $id_article; ?>&note=moins" role="button"><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span></a>
										</div>
								<?php } ?>
							</div>
					</div>
					
					<?php   if(isset($_SESSION['id_user']) && isset($_GET['supprimer']) && !isset($_GET['commentaire']) && ($statut_menu>2 ||$id_user_article==$id) ){ ?>
						<!--(Si l'id de l'utilisateur est le même que celui de l'auteur ou que l'utilisateur est administrateur) et que la variable supprimer est pas dans l'URL -->
						<form id="btnsup" class="form-horizontal" action="article.php?article=<?php echo $id_article; ?>" method="POST"><!--On redirige vers l'article.php en envoyant l'id de l'article dans l'URL quand on valide la suppression-->
							<div class="form-group">
								<div class="col-sm-offset-3 col-sm-6">
									<p style="text-align:center;">
										Voulez-vous vraiment supprimer cet article ?
									</p>
									<p style="text-align:center;">
										<button type="submit" class="btn btn-success" name="valider_supprimer">Valider <span class="glyphicon glyphicon-ok" aria-hidden="true"></span></button><!--On redirige vers l'article.php en envoyant l'id de l'article dans l'URL quand on valide la suppression-->
										<a class="btn btn-danger" href="article.php?article=<?php echo $id_article; ?>" role="button">Annuler <span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a><!--On redirige vers l'article pour annuler la suppression-->
									</p>
								</div>
							</div>
						</form>
					<?php  	} ?>
					
				</div>
				<div class="panel-body thumbnail col-sm-offset-2 col-sm-8" id="formcom" style="margin-bottom:5px;">
					<h3 class="media-heading underline">Ajouter un commentaire</h3>
					<?php if(isset($_SESSION['id_user']) && $com_allowed==1){
						if(isset($error_commentaire)) { ?>
							<div class="alert alert-danger alert-dismissible" role="alert" style="margin-bottom: 0">
								<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
								<strong><span class="glyphicon glyphicon-alert" aria-hidden="true"></span>&nbsp;</strong><?php echo $error_commentaire;?>
							</div>
						<?php } ?>
						<form id="form_commentaire" method="post" action="#formcom" >
							<div class="article thumbnail col-sm-3 col-sm-ckedito-3 col-sm-height-ckedito article-auteur">
								<p>Sous le pseudo :<br/>
									<strong><?php echo $pseudo_menu; ?></strong> <span class="statut"><?php if(isset($plus)) echo $plus; ?></span></p>
								<p><img class="img-responsive img-rounded" src="<?php echo $avatar_menu; ?>" alt="avatar" style="width: 100px;margin: 0;"/></p>
								<input class="btn btn-success" type="submit" name="commenter" value="Ajouter" />
							</div>
							<div style="background-color: rgb(252, 237, 255);" class="article thumbnail col-sm-9 col-sm-ckedito-9 col-sm-height-ckedito">
								<textarea id="editor1" name="text_commentaire" placeholder="Tapez votre commentaire ici :" ></textarea>
								<script type="text/javascript">
									CKEDITOR.inline( 'editor1',{
										height: '100px',
										toolbar: [
											{ name: 'document', items: [ 'Source'] },
											{ name: 'basicstyles', items: [ 'Bold', 'Italic','Strike','Underline', '-', 'RemoveFormat'  ] },
											{ name: 'styles', items: [ 'Font', 'FontSize' ] },'/',
											{ name: 'insert', items: [ 'Smiley', 'SpecialChar' ,'CodeSnippet', 'EqnEditor'] },
											{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'SelectAll', '-', 'Scayt' ] },
											{ name: 'colors', items: [ 'TextColor', 'BGColor'] },
											{ name: 'links', items: [ 'Link', 'Unlink' ] },
											{ name: 'insert', items: [ 'Image' ] },
											{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'Outdent', 'Indent', '-', 'Blockquote', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' ] },
										]
									} );
								</script>
							</div>
						</form>
					<?php }else if($com_allowed==0){ ?>
						<p>Cet article est fermé aux commentaires</p>
					<?php }else{ ?>
						<p>Connectez-vous ou Inscrivez-vous pour ajouter un commentaire</p>
					<?php } ?>


					<?php if($nbcom==0) { ?>
					<p>Il n'y a pas de commentaires</p>
					<?php }else{ ?>
					<h3 class="media-heading underline">Commentaires</h3>
					<?php for($c=0;$c<$pi;$c++){ ?>
					<div id="<?php echo $c; ?>" class="content_commentaires">
						<div class="thumbnail col-sm-1 col-sm-height full-article article-auteur">
							<strong><a href="membre.php?membre=<?php echo $auteur_commentaire[$c]; ?>"><?php echo $pseudo_aut_com[$c]; ?></a></strong> <span class="statut">(<?php echo $statut_aut_com[$c]; ?>)</span> <span class="statut"><?php if(isset($edito_auteur[$c])) echo $edito_auteur[$c]; ?></span>
							<img src="<?php echo $avatar_aut_com[$c]; ?>" alt="av_com" class="img-rounded img-responsive" height="100" width="100" />
						</div>
						<div class="thumbnail col-sm-11 col-sm-height full-article article-text bloc_commentaire">
							<small class="small_date">Ecrit le <?php echo $date_commentaire[$c]; ?></small>
							
							<!--boutons modifier supprimer un commentaire-->
							<?php if(isset($_SESSION['id_user']) && ($statut_menu>2 || $auteur_commentaire[$c]==$id) && !isset($_GET['commentaire'])){ ?>
							<!--Si une session est active ET (Si l'id de l'utilisateur est le même que celui de l'auteur ou que l'utilisateur est administrateur) et que la variable commentaire est pas dans l'URL -->
							<div class="btn-group btn-group-xs" style="float:right;" role="group" aria-label="...">
								<a type="button" class="btn btn-default btn_com <?php if(isset($_GET['modifecom']) && $_GET['modifecom']==$id_com[$c]) echo 'disabled'; ?>" href="article.php?article=<?php echo $id_article;?>&modifecom=<?php echo $id_com[$c];?>#<?php echo $c; ?>"><!--On redirige vers la page de l'édition d'article en envoyant l'id de l'article dans URL pour modifié l'article-->
									<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
								</a>
								<a type="button" class="btn btn-default btn_com btn_com_suppr <?php if(isset($_GET['commentaire']) && $_GET['commentaire']==$id_com[$c]) echo 'disabled'; ?>" href="article.php?article=<?php echo $id_article;?>&commentaire=<?php echo $id_com[$c];?>#<?php echo $c; ?>"><!--On redirige vers la page de l'article en envoyant l'id de l'article dans la variable supprimer dans l'URL pour confirmer la suppression de l'article-->
									<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
								</a>
							</div>
							<?php } ?>
							
							<!------------------->
							<?php if(isset($_SESSION['id_user']) && isset($_GET['modifecom']) && $_GET['modifecom']==$id_com[$c] && ($statut_menu>2 ||$auteur_commentaire[$c]==$id)){ ?>
								<form class="modif_com" method="post" action="" >
									<div class="article thumbnail col-sm-9 col-sm-ckedito-9 ckemodifcom col-sm-height-ckedito article-text">
										<textarea id="editor2" name="nnew_text_commentaire" placeholder="Tapez votre commentaire ici :" ><?php echo $commentaire[$c]; ?></textarea>
										<script type="text/javascript">
											CKEDITOR.inline( 'editor2',{
												height: '100px',
												toolbar: [
													{ name: 'document', items: [ 'Source'] },
													{ name: 'basicstyles', items: [ 'Bold', 'Italic','Strike','Underline', '-', 'RemoveFormat'  ] },
													{ name: 'styles', items: [ 'Font', 'FontSize' ] },'/',
													{ name: 'insert', items: [ 'Smiley', 'SpecialChar' ,'CodeSnippet', 'EqnEditor'] },
													{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'SelectAll', '-', 'Scayt' ] },
													{ name: 'colors', items: [ 'TextColor', 'BGColor'] },
													{ name: 'links', items: [ 'Link', 'Unlink' ] },
													{ name: 'insert', items: [ 'Image' ] },
													{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'Outdent', 'Indent', '-', 'Blockquote', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' ] },
												]
											} );
										</script>
									</div>
									<button type="submit" class="btn btn-success btn-sm" name="modifier_commentaire">Valider <span class="glyphicon glyphicon-ok" aria-hidden="true"></span></button>
									<a class="btn btn-danger btn-sm" href="article.php?article=<?php echo $id_article; ?>#<?php echo $c; ?>" role="button">Annuler <span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a>
								</form>
							<?php }else{
							echo $commentaire[$c]; } ?>


							<!--note-->
							<div class="note">
							<?php if(isset($_SESSION['id_user']) && $id!= $auteur_commentaire[$c]) { ?>
							<div class="btn-group btn-group-xs bouttons_noter" role="group" aria-label="...">
								<a class="btn <?php if($note_com_user[$c]==1){?> disabled <?php } ?> btn-success " href="article.php?article=<?php echo $id_article; ?>&commentaire=<?php echo $id_com[$c]; ?>&evaluer=plus" role="button"><span class="glyphicon glyphicon-thumbs-down pouce_up" aria-hidden="true"></span></a>
								<a class="btn <?php if($note_com_user[$c]==-1){?> disabled <?php } ?> btn-danger " href="article.php?article=<?php echo $id_article; ?>&commentaire=<?php echo $id_com[$c]; ?>&evaluer=moins" role="button"><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span></a>
							</div>
							<?php }?>
							
							<?php if (isset($note_globale[$c])){ ?><!--Afficher la note totale de l'article-->
								<span><b>Note totale : <?php echo $note_globale[$c] ;?></b></span>
							<?php }else{ ?>
								<span><b>Ce commentaire n'a pas encore été noté</b></span>
							<?php } ?>
							</div>
							<!------------------------>
							<!--supprimer commentaire-->

							<?php if(isset($_SESSION['id_user']) && isset($_GET['commentaire']) && ($statut_menu>2 || $auteur_commentaire[$c]==$id) && $_GET['commentaire']== $id_com[$c] ){ ?>
								<form class="form-horizontal" action="" method="POST">
									<div class="form-group">
										<div class="col-sm-offset-3 col-sm-6">
											<p style="text-align:center;">
												Voulez-vous vraiment supprimer ce commentaire ?
											</p>
											<p style="text-align:center;">
												<button type="submit" class="btn btn-success" name="valider_supprimer_comm">Valider <span class="glyphicon glyphicon-ok" aria-hidden="true"></span></button>
												<a class="btn btn-danger" href="article.php?article=<?php echo $id_article; ?>#<?php echo $c; ?>" role="button">Annuler <span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a>
											</p>
										</div>
									</div>
								</form>
							<?php } ?>

						</div>
					</div>
					<?php }
					} ?>
				</div>
				<div style="clear: both;"></div>
			<?php }else{ ?>
				<div class="message_profil">L'article n'existe pas</div>
			<?php } ?>
		</div>
		<?php
            include_once("accessoires/footer.html");
        ?>
		<!-- jQuery -->
		<script src="js/jquery-2.1.3.min.js"></script>
		<!-- bootstrap js-->
		<script src="js/bootstrap.min.js"></script>
	</body>
</html>